<template>
  <div>
    <!--
      el-dialog
         title:标题
         visible.sync:是否显示弹框
         width:宽度
         before-close:关闭前的处理

         默认插槽：弹框的内容
         具名插槽(footer):常用于放底部按钮
     -->
    <el-button @click="$refs.dialog.show=true">弹框显示控制</el-button>
    <Dialog ref="dialog" />

  </div>
</template>
<script>
import Dialog from './components/dialog.vue'
export default {
  components: {
    Dialog
  },
  data() {
    return {
      show: false
    }
  }
}
</script>
<style>
</style>
